/* 标签样式的初始化 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font: 14px 'Microsoft Yahei', tahoma, arial, 'Hiragino Sans GB', sans-serif;
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover,a:focus {
	color: inherit;
	text-decoration: none;
}

a,
input,
select,
textarea,
button {
	outline: none;
}

a,
input,
select,
textarea,
button {
	outline: none;
}

input[type="button"],
button {
	cursor: pointer;
}

 .img img {
	width:100%;
	height: 100%;
}

span {
	display: inline-block;
	vertical-align: middle;
}

/*样式初始化*/

.fz12 {
	font-size: 12px;
}

.fz14 {
	font-size: 14px;
}

.fz16 {
	font-size: 16px;
}

.fz18 {
	font-size: 18px;
}

.fz20 {
	font-size: 20px;
}

.fz22 {
	font-size: 22px;
}

.ico {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.fl {
	float: left;
	display: inline
}

.fr {
	float: right;
	display: inline
}

.link {
	color: #0076ff;
}

.org {
	color: #ff9933;
}

.img {
	display: inline-block;
}

.img img {
	width: 100%;
	height: 100%;
}

.hidden {
	display: none !important;
}

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.nobr {
	word-break: break-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}

.morenobr {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/*-webkit-line-clamp: 2;判断显示几行才出现省略号(...)*/
}

.scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.scroll ::-webkit-scrollbar-button {
	/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
	display: none;
}

.scroll ::-webkit-scrollbar-track {
	/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/
	display: none;
}

.scroll::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	background: transparent;
}

.scroll::-webkit-scrollbar-track {
	border-radius: 3px;
}

.scroll::-webkit-scrollbar-thumb {
	height: 0;
	border-radius: 3px;
	background-color: #999;
}

label.checkbox, label.radio {
	display: block;
	min-width: 50px;
	height: 30px;
	line-height: 30px;
	padding-right: 16px;
	margin: 0;
	font-weight: normal;
	overflow: hidden;
}
.label.radio{ width: 20px;}
.checkbox input, .radio input {
	position: absolute;
	left: -9999px;
}
.checkbox span, .radio span {
	display: block;
	padding-left: 20px;
}
.checkbox span:before, .radio span:before {
	content: '';
	width: 14px;
	height: 14px;
	position: absolute;
	left: 2px;
	top: 8px;
}
.checkbox span:before {
	background: url('../img/icons/ico-checkbox.png') no-repeat;
}
.checkbox input:checked ~ span:before {
	background: url('../img/icons/ico-checkbox-checked.png') no-repeat;
}
.radio span:before {
	background: url('../img/icons/ico-radio.png') no-repeat;    background-size: contain;
}
.radio input:checked ~ span:before {
	background: url('../img/icons/ico-radio-checked.png') no-repeat;    background-size: contain;
}

.c-menu {
    width: 400px;
    box-shadow: 1px 1px 7px #000;
    background: #3E4854;
    position: absolute;
    color: #fff;    z-index: 1;
}

.c-menu .c-header {
    border-bottom: 1px #4c4b49 solid;
    line-height: 30px;
    padding: 5px 10px;
}

.c-menu .c-body {background: white;color: #444;font-weight: normal;height: auto!important;padding: 12px 5px 11px 11px;}

.c-menu .c-footer {
    text-align: right;padding: 0px 12px 12px 0;background: white;}

.c-menu .c-body label {
    padding: 5px;margin-right: 10px;
    display: inline-block;width: 100px;font-weight: normal;
}

.c-menu .c-body label input[type='radio'] {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.c-menu .c-body label .menu {
    margin: 0 5px 0 0;
}

.c-menu .c-body .dia_title {
    margin: 10px 0 0 0;
}
.c-body input[type='text']{color: #555}
.c-footer .btn{background: #ff9900}
.c-footer .default{background:#d6d3ce}
.setnewmenutext{display:none;float: right;width: 94px;margin-right: -15px;}
.setnewmenutext input[type='text']{width: 94px;color:#333}
.systemtext{ display: none;float: left;width: 168px;margin-right: -15px;height: 25px;line-height: 25px;color: #333;padding-left: 5px;margin: 7px;border: 0;}
.bridgenametext{display: none;float: left;width: 210px;margin-right: -15px;height: 25px;line-height: 25px;color: #333;padding-left: 5px;margin: 7px;border: 0;}
.uploadify{margin-top: -29px;float: right;background-image: url(/Content/img/uploadblue.png);height: 22px!important;width: 22px!important;background-repeat: round;}
.uploadify object{ color: red !important;position: relative;}

.modeluploadul{}
.modeluploadul li{ width: 100%;}
.modeluploadul li a{float: right;height: 25px;width: 60px;color: black;border-radius: 2px;line-height: 24px;margin-top: -25px}
.modeluploadul li table{height: 180px;display: block;float: left;width: 100%;overflow: auto;}

.modelfilesdiv{width: 100%;border: 1px solid #999;float: left;height: 193px;overflow-y: scroll;overflow-x: auto;}
.modelfilesdiv div{ width: 100%;border-bottom: 1px solid #999;height: 24px;line-height: 24px;}
.modelfilesdiv .head{ font-weight: bold;text-align:Center}
.modelfilesdiv div p{margin:0!important}
.modelfilesdiv div .name{ width: 70%;float: left;border-right:1px solid #999}
.modelfilesdiv div .handler{ width: 30%;float:left}
.modelfilesdiv div .handler a{ float: initial;border:0}
.menu_section_model_hover {background-color: #3E4854;}
.modal-body ul li div #new_section_weizhi li label{width: 162px}
.modal-body ul li div #new_section_weizhi li label span{font-weight: normal}
.modal-body ul li div #new_section_section li label{width: 162px}
.modal-body ul li div #new_section_section li label span{font-weight: normal}

#sonsectionwindowpoints li{ width: 33%;}
#sonsectionwindowpoints li .son_model_point_radio{ width: 16px;height: 16px}
#sonsectionwindowpoints li .son_model_point{width: 60px;}
#sonsectionwindowpoints li .son_model_point_models{width: 170px;}
.pointsetmenu{margin-right: 10px;}
.pointsetmenu i{}
.pointsetmenu ul{}
.pointsetmenu ul li{padding-left: 0!important;height: 28px!important;border-bottom: 0!important;}
.pointsetmenu ul li a{}

.pointsetmenu ul  li:before {content: '';width: 0!important;height: 0!important;border-radius: 50%;position: absolute;left: 0!important;display: none;top: 0!important;}
.pointpartoby tr td{ border-left: 1px solid #7BBDF1;border-bottom:1px solid #7BBDF1}
.updatepointnameshowtext {height: 28px;width: 200px;border: 0;position: absolute;margin-top: 10px;color: #333;top: 0px;left: 38px;padding-left: 2px;z-index: 1;}

.newwindow{float: left;width: 98%;margin:20px 10px 20px 15px;border: 1px solid #CCCCCC;border-radius: 6px;}
.newwindowhead{width: 100%;height: 42px;background: white;line-height: 42px;text-indent: 15px;color: #666666;text-align: left;border-bottom: 1px solid #eee;}
.newwindowhead .newwindowico{ float: right;margin: 8px 8px;display: block;cursor:pointer}
.newwindowbody{float: left;width: 100%;background: white;padding: 16px;background: white!important;}

.newdatawindow{ width: 48%;text-align: center;height: 400px}
.newdatawindow .loadingimg{ margin: 20px 0;width: 100%}
.analyzeDataMonitor .loadingimg{}
.newdatawindowAllWeight{width: 97.7%}

.newwindowbody .pointtype { width: 80%;float: left}
.newwindowbody .pointtype span{text-align: center;padding: 10px 16px;background: #E8E8E8;float: left;margin-right: 1px;cursor: pointer;}
.newwindowbody .pointtype span:hover{ background: #DBDBDB;}
.newwindowbody .timedivmain{ width: 20%;float: right}
.newwindowbody .timedivmain .date_pick{ margin-top: 8px;}
.newwindowbody .timedivmain #selectTimeDiv input[type='text']{ width: 100px;text-align: center;}
.newwindowchart{height: 356px;}
.refreshico{background-image: url(../images/refreshico.png);}
.dsp{display:none}
.vehicleleftrightchart .vehicleleftchart{width: 65%;float: left;height: 324px;}
.vehicleleftrightchart .vehiclerightchart{width: 35%;float: right}
.vehicleleftrightchart .vehiclerightchart .speedtypelabel{ font-size: 20px;width: 53px!important;}
.vehicleleftrightchart .vehiclerightchart .disu{color:#95CEFF}
.vehicleleftrightchart .vehiclerightchart .gaosu{color:green}
.vehicleleftrightchart .vehiclerightchart .chaosu{color:red}
.vehicleleftrightchart .vehiclerightchart div{width: 100%;height: 104px;overflow: hidden;margin: -3px 0 1px 0;}
.vehicleleftrightchart .vehiclerightchart div .rightchartcounttitle{position: absolute;z-index: 1;font-size: 18px;margin-top: 18px;font-weight: bold;line-height: 28px;margin-left: -160px}
.vehicleleftrightchart .vehiclerightchart div .rightchartcounttitle img{margin-right: 14px;}
.vehicleleftrightchart .vehiclerightchart div .rightchartcounttitle label{width: 274px;text-align: left;}
.vehicleleftrightchart .vehiclerightchart div div{width:300px;height:160px;margin-left:-16px;margin-top:4px;}

.chartremark{position: absolute;float: left;margin-top: 330px;font-size: 12px;text-indent: 2em;}
.chartremark p{color: #999;}
.chartremark p img{margin: -2px 1px 0 0;}
.chartremark p b{font-weight:bold}

.stasticscontentdiv label{line-height: 300px;width: 100%;text-align: center;font-weight: normal;}
.rcartonnagecontent label{line-height: 150px;width: 100%;text-align: center;font-weight: normal;}

.newwindow_date{margin-top: 10px;}

.newwindowpage{ height: 40px;width: 100%;text-align: right;float: left;}
.newwindowpage a{width: 40px;text-align: center;font-size: 12px;border: 1px solid #E8E8E8;background: white;height: 30px;line-height:50px;margin: 0 1px;padding: 4px 10px;border-radius:2px;color:#999999}
.newwindowpage span{color: #999;margin-right: 15px;}
.newwindowpage span b{color: #999;margin-right: 1px;margin-left: 7px;}
.newwindowpage .active{ background: #E8E8E8 !important;color: #555;text-decoration: underline;}
.newwindowpage .countpage{ color: #555;cursor:pointer!important}
.newwindowpage .none{cursor:no-drop!important}
.newwindowpage input[type='text']{border: 1px solid #E8E8E8;border-radius: 2px;width: 40px;height: 26px;margin: 0 5px;padding: 0 4px;}

#VehicleRealDataTrafficLeftBody div {margin-top: 20px;float: left;width: 100%;}
#VehicleRealDataTrafficLeftBody div p {width: 100%;float: left;line-height: 25px;color: #666666;padding-left: 77px;}
#VehicleRealDataTrafficLeftBody div p span {float: left;}
#VehicleRealDataTrafficLeftBody div p b {margin: 0 3px;float: left;min-width: 44px;text-align: right;}
#VehicleRealDataTrafficLeftBody .vehiclerealdatacontent{display: none}
.stasticscontentdiv .zcwindowimg{text-align: center}
.stasticscontentdiv .vehiclerealdatamsg{position: relative;margin-top: 20px;text-align: center;line-height: 30px;height: 30px;color: #666666;}
.vehiclerightchart label{ text-align: center;width: 100%;font-weight: normal}
.timefiltercontent{float: right;}
.timefiltercontent a{cursor: pointer; font-size: 12px;margin: 4px;}
.timefiltercontent :hover{color: #0076ff;}
.timefiltercontent .active{ color: #0076ff;}
.timefiltercontent .input-prepend{ width: 190px;border: 0;border-radius: 0;margin: 0;height: 34px;float: right}
.timefiltercontent .input-prepend span{border: 0;border-radius: 0;overflow: hidden}
.timefiltercontent .input-prepend span i{margin: 0;padding: 0;margin-left: -30px;margin-right: -8px;}
.timefiltercontent .input-prepend input[type='text']{background: white;border: 0;border-radius: 2px;color:#555;padding: 0}

.vehiclerealdatacontentmsg { padding: 0 !important; height: 156px;overflow: hidden;overflow-y: auto;float: left;width: 100%;margin-top: 15px;}
.vehiclerealdatacontentmsg p{ line-height: 18px!important;padding: 0 !important;width: 49% !important;float: left;text-align: left;overflow: hidden;margin-bottom: 3px;}
.vehiclerealdatacontentmsg p input[type='checkbox'],.vehiclerealdatacontentmsg p input[type='radio']{float: left;margin-top: 3px;}
.vehiclerealdatacontentmsg p label{ font-weight: normal;float: left;overflow: hidden;float: left;height: 20px;line-height: 20px;}
.vehiclerealdatacontentmsg p label b{float: none!important;}

.input-prepend-onetime{width:122px!important;margin-left: 8px;}
.input-prepend-onetime .onetime{width: 88px!important;}

.newwindowtitlecolums{float: right;height: 35px; line-height: 32px; border: 0; padding: 0 2px;text-indent: 0;}
.comparedmsg{width:auto!important;background:0;line-height:36px;text-align: center;color: #a7a7a7;}
.comparedmsglabel{margin-top: 0;line-height: 36px;background: #E8E8E8;font-weight: normal;margin: -1px 0px 0 -10px;height: 35px;width: auto;}
.comparedmsglabel:hover{background: #E8E8E8!important;color: #666666 !important;width: auto;}

.gpsroundremark{float: right;position: static;width: 35%;height: 325px;margin-top:-312px;}
.gpsroundremark span{font-weight: bold;color: #555;position: absolute}
.gpsroundremark .dong{margin-top: 140px;margin-left: 115px;}
.gpsroundremark .xi{margin-top: 140px;margin-left: -134px;}
.gpsroundremark .nan{margin-top: 286px;margin-left: -6px}
.gpsroundremark .bei{margin-top: 20px;margin-left: -6px}

.inpsectiondetail{background: #ffffff !important;overflow-y: auto;padding: 10px;}
.inpsectiondetail .title{float: left;width: 15%;min-height: 25px;text-align: left}
.inpsectiondetail .value{width: 35%;float: left;height: 25px;text-align: left;background: #FFFFFF !important;font-weight: bold}
.inpsectiondetail .imgvalue{width:85%;float: left;height: 25px;}
.inpsectiondetail .imgvalue .thumbimg img{height: 30px;width: 30px;float: left;margin-right: 10px;background: #FFFFFF!important}
.inspectiondetailrow{float: left;width: 100%;}
.input-group-addon{background-color: white !important;border:0!important;padding-top: 4px;}
.timefiltercontent div input[type='text'] {box-shadow: none !important;}
.fixed-table-loading{ text-align: center;display: none}

.paramentset{border: none!important;margin-right: 20px;}
.paramentset:hover{background: #415667!important;}
.paramentset a{border: none;float: left;margin-right: 10px;}
.paramentset a:hover{ background: #415667!important;}
.paramenttableset tbody tr td input[type="text"]{ border: 0;max-width: 70px;} 


#devicebandingpoints {
    margin-top: -20px;
}
#devicebandingpoints ul {
    padding-left: 70px;
}
#devicebandingpoints ul li {
overflow: hidden;
line-height: 26px;
}
.pagination {
    margin: 0 0 -20px 0;
}
.pagination-detail {
    width: 100%;
    float: left;
}
.page-list span .dropdown-menu {
    width:55px;
    padding-left:0!important;
    text-align:center;
    min-width:auto;
}
.page-list span .dropdown-menu li {
    width:100%;
}
.w100 {
    width: 100% !important
}